<!-- 受试者信息展示 -->

<template>
  <div>
    <form-index :formConfig="formConfig" type="look" ref="form">
      <!--  <div>这里还可以插入其它内容进行拓展</div> -->
    </form-index>
  </div>
</template>

<script>
import formIndex from "@/components/customComponents/customForm/formIndex"
import { AjaxCommon } from "@/libs/apiCommon"
import { PopupCommon } from "@/libs/popupCommon"
import { Utility } from "@/libs/utility"

export default {
  props: ["userInfo"],
  components: {
    formIndex,
  },
  data() {
    return {
      formConfig: [
        {
          /** 字段名，如：name */
          fieldName: "filterNo",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "筛选号",
          /** 字段的值，如：张三 */
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
          span: 2,
        },
        {
          fieldName: "hisNo",
          fieldCNName: "His系统编号",
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
          span: 2,
        },
        {
          /** 字段名，如：name */
          fieldName: "examineeName",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "姓名",
          /** 字段的值，如：张三 */
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
          span: 2,
        },
        {
          fieldName: "examineeEn",
          fieldCNName: "姓名字母缩写",
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
          span: 2,
        },
        {
          fieldName: "idCard",
          fieldCNName: "身份证号",
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
          span: 2,
        },
        {
          /** 字段名，如：name */
          fieldName: "sex",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "性别",
          /** 字段的值，如：张三 */
          filedValue: "",
          disabled: true,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "select",
          span: 2,
          itemList: Utility.getDictList("sex"),
        },
        {
          fieldName: "birthday",
          fieldCNName: "出生日期",
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "date",
          disabled: true,
          span: 2,
        },
        {
          fieldName: "age",
          fieldCNName: "年龄",
          filedValue: "",
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
          disabled: true,
          span: 2,
        },
        {
          /** 字段名，如：name */
          fieldName: "nation",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "民族",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "select",
          itemList: Utility.getDictList("nation"),
        },
        {
          /** 字段名，如：name */
          fieldName: "homeProvince",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "家庭地址",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "race",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "种族",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "select",
          itemList: Utility.getDictList("race"),
        },
        {
          /** 字段名，如：name */
          fieldName: "nativePlace",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "籍贯",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "job",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "职业",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "select",
          itemList: Utility.getDictList("job"),
        },
        {
          /** 字段名，如：name */
          fieldName: "workUnit",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "工作单位",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "maritalStatus",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "婚姻状况",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "select",
          itemList: Utility.getDictList("marital_status"),
        },
        {
          /** 字段名，如：name */
          fieldName: "residenceDetail",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "现住址",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "电子邮箱",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "frequentContactTel",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "常用联系电话",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "emergencyContactTel",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "紧急联系电话",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
        {
          /** 字段名，如：name */
          fieldName: "",
          /** 字段对应的中文解释，如：姓名 */
          fieldCNName: "备用联系电话",
          /** 字段的值，如：张三 */
          filedValue: "",
          span: 2,
          /** 字段类型，inputText，inputPwd,inputNumber,date,datetime,dateRange,textarea,upload,select,radio,checkbox,switch*/
          type: "inputText",
        },
      ],
    }
  },
  methods: {
    initData() {
      // 通过受试者id，找到受试者信息
      this.getData(this.userInfo)
    },
    getData(user) {
      let self = this
      // 这里的examineeCode后端接收的是个字符串类型，没按约定走array
      AjaxCommon("/ccdc/pm/em/filter/emFilterJudge/queryExamineeDetail", "post", {
        examineeCode: user.examineeCode,
      })
        .then((res) => {
          if (res.data.code == 200) {
            const data = res.data.result
            let formConfigItem = self.$refs.form.getFormValue()
            Object.keys(formConfigItem).map((b) => {
              // console.log("b==============" + b)
              formConfigItem[b] = data[b]
            })
            // self.$refs.form.changeFormValue(formConfigItem)
          } else {
            PopupCommon.notify("error", res.data.message)
          }
        })
        .catch((err) => {
          PopupCommon.notify("error", err.message)
        })
    },
  },
  mounted() {
    this.initData()
  },
}
</script>

<style></style>
